<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>获取文本框的 value</title>
</head>
<body>

<!--    <script type="text/javascript">-->
<!--        window.onload = function () {-->
<!--            // 获取 id 为 "but" 的按钮, 并为其 onclick 属性绑定函数-->
<!--            document.getElementById("but").onclick = function () {-->
<!--                // // 单击事件执行-->
<!--                // // 获取 id 为 "text1" 的文本框, 并获取其 value 属性-->
<!--                // var textVal = document.getElementById("text1").value;-->
<!--                // // 打印该属性-->
<!--                // alert(textVal);-->

<!--                // 修改文本框的value属性-->
<!--                document.getElementById("text1").value = "zhangsan";-->

<!--            }-->
<!--        }-->
<!--    </script>-->

<!--    <input type="text" id="text1"/>-->
<!--    <input type="button" value="点击获取文本框value" id="but"/>-->

    <script type="text/javascript">
        window.onload = function () {
            document.getElementById("b1").onclick = function () {
                var s = document.getElementById("t1").value;
                document.getElementById("t1").value = document.getElementById("t2").value;
                document.getElementById("t2").value = s;
            }
        }
    </script>
    文本框1&nbsp;<input type="text" id="t1"/>
    <br/>
    文本框2&nbsp;<input type="text" id="t2"/>
    <br/>
    <input type="button" value="调换文本框1,2中的内容" id="b1"/>

    <br/>
<!--    失去焦点 blur 事件-->
<!--    this 是指当前的对象, 下面这句就是指 文本框对象-->
    <input type="text" onblur="alert(this.value)"/>
</body>
</html>